﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="meetSanta.aspx.cs" Inherits="_meetSanta" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
    <script type="text/javascript" src="scripts/jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="scripts/jquery-scripts.js"></script>
      <script type="text/javascript">
          function ClientValidate(source, clientside_arguments) {
              if ($('#<%=chkTC.ClientID %>').is(":checked")) {
                  $('#tcDiv').removeClass("required");
                  clientside_arguments.IsValid = true;
              } else {
                  // add class to change colour
                  $('#tcDiv').addClass("required").get(0).focus();
                  clientside_arguments.IsValid = false;
              }
          }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<div id="containerNarrow" style="background-image:url(img/backgrounds/santa_bg.jpg)">
    <div id="copyContent">
    <h2>Meet Santa</h2>
    <asp:Panel ID="pnlEntry" runat="server" Visible="true">
	    <%--content start--%>
	      <div id="details-01">
	    
        <p>The Chimes has the very best  Santa in town and will be visiting shoppers on the lower mall outside Debenhams  from 1 – 24 December from 12pm – 4pm daily.</p>
        <p>So bring your kids along to  meet Santa and you can even pick up a FREE photo of Santa as a keepsake and a  little treat on us!</p>
              
        <ul class="copyUl">
	        <li>Santa’s home is located near  the North Pole</li>
	        <li>Santa relies on his nine  reindeer, named Dasher, Dancer, Prancer, Vixon, Comet, Cupid, Donner, Blitzen  and Rudolph</li>
	        <li>Santa will visit all the  children in the world on the night of 24 December and fill their stockings with  treats</li>
	        <li>Santa will only visit all  those children who have been good this year</li>
        </ul>
        <p>The Chimes is making  Christmas easy this year, and will even send your letter to Santa.  Write your list below and press send and it  will make its way through cyberspace to Lapland!</p>
        
        <div class="text-input">
		
			<label for="txtName">
			    Your Name *
			        <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="txtName" runat="server" ErrorMessage="Required" SetFocusOnError="true" />
	        </label>
			
			<asp:TextBox id="txtName" runat="server" CssClass="text" />
			
		</div>

		<div class="text-input">
			<label for="txtParentName">Mummy or Dady's Name *
			<asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="txtParentName" runat="server" ErrorMessage="Required" EnableClientScript="true" SetFocusOnError="true" />
			</label>
			<asp:TextBox id="txtParentName" runat="server" CssClass="text" />
		</div>
		<div class="text-input">
            <label for="txtEmail">Email *
                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="txtEmail" runat="server" ErrorMessage="Required" SetFocusOnError="true" EnableClientScript="true" />
                <asp:RegularExpressionValidator ID="RegularExpressionValidator1" ControlToValidate="txtEmail" ValidationExpression="^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z+])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$" runat="server" EnableClientScript="true" ErrorMessage="Check email" SetFocusOnError="true"/>
                </label>
			<asp:TextBox id="txtEmail" runat="server" CssClass="text" />
		</div>
		<div class="text-input">
			<label for="gir_address">Telephone Number</label>
			<asp:TextBox ID="txtTelephone" runat="server" CssClass="text"/>
		</div>
		<div class="text-input">
			<label for="txtPresents">Present wish list</label>
			<asp:TextBox ID="txtPresents" TextMode="MultiLine" runat="server" CssClass="text" />
		</div>
		<div class="divider"></div>

		<div id="tcDiv">
		    <fieldset>
        	    <label for="gir_terms">
        	    <asp:CheckBox ID="chkTC" runat="server" />I have read and agree to the <a href="#terms" id="terms-toggle">Terms &amp; Conditions</a>
		    <asp:CustomValidator
                ID="CustomValidator1"
    		    runat="server"
				ErrorMessage="Please agree."
				onservervalidate="CustomValidator1_ServerValidate"
				ClientValidationFunction="ClientValidate"
                EnableClientScript="true"
		    />
		    </label>
		    </fieldset>
		</div>
			
		<div id="terms">
			<h4>Terms &amp; Conditions</h4>
				<%--<ol>
				    <li>1. ****.</li>
				</ol>
				<p>
				<!--Promoter: The Fort Shopping Park, 20 Fort Parkway, Birmingham, B24 9FD.-->
				</p>--%>
			</div>
			
			<div>
				<fieldset>
					<label for="gir_optout">
					    <asp:CheckBox ID="chkOptout" runat="server" /> Tick the box if you do <strong>not</strong> wish to receive further information from The Chimes.</label>
                </fieldset>
			</div>
			
			<div class="clearfix">
			<asp:ImageButton ID="btnSubmit" runat="server" ImageUrl="~/img/submit.gif" />
                <%--<asp:Button ID="btnSubmit" CssClass="submit" runat="server" Text="Button" />--%>
			</div>
			
			</div><!-- details-01 -->
    <%--content end--%>
    </asp:Panel>
    <asp:Panel ID="pnlThankyou" runat="server" Visible="false">
     <p>Thank you for sending your Christmas list through to Santa.</p> 
        <p>He is busy checking all the toys and looking after the reindeer before he sets off delivering presents on Christmas Eve.  We will make sure he reads your list carefully, and brings you the right present.</p>
 <p>Merry Christmas!</p>

    
    </asp:Panel>
    </div>
	<div style="clear:both"></div>
</div>
</asp:Content>

